<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
		<title>E居舍</title>
		<!-- 引入 WeUI -->
		<link rel="stylesheet" href="css/weui.css" />
		<link rel="stylesheet" href="css/example.css" />
		<link rel="stylesheet" href="css/bill-home.css" />
		<link rel="stylesheet" href="css/bill-details.css" />
	</head>

	<body ontouchstart>
		<div class="container" id="container"></div>
		<script type="text/html" id="tpl_home">
			<div class="page page-home">
				<div class="page__bd" id="list">

					<ul>
						<li v-for="item in dataList">
							<div class="item-div" @click="itemClick">
								<div class="title-ejushe-view">
									<span>2018-4-1账单</span>
									<span>￥600.00</span>
								</div>
								<div class="title-ejushe-view text-color-red">
									<span>距到期：3天</span>
									<span>未付款</span>
								</div>
								<div class="title-ejushe-view div-bottom border-t">
									<span></span>
									<span>青年公寓 A506 600/月</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="page__ft">
					<a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>
				</div>
			</div>
			<script type="text/javascript">
				var vm = new Vue({
					el: '#list',
					data: {
						dataList: [{}, {}]
					},
					methods: {
						itemClick: function() {
							//							var id = $(this).data('id');
							console.log('id')
							window.pageManager.go('details');
						}
					}
				})
				$(function() {
					var winH = $(window).height();
					var categorySpace = 10;

					$('.js_item').on('click', function() {
						var id = $(this).data('id');
						console.log(id)
						window.pageManager.go(id);
					});

				});
//				axios.get(baseUrl + "", {
//					params: {},
//					headers: {
//						token: "",
//					}
//				}).then(res => {
//					alert(res.data)
//				}).catch(function(err) {
//					console.log(err);
//				})
			</script>
		</script>
		<script type="text/html" id="tpl_details">
			<div class="page">
				<!--<div class="page__hd">
					<h1 class="page__title">list</h1>
					<p class="page__desc">按钮</p>
				</div>-->
				<!--<div class="hd">
					<h3>应缴详情</h3>
				</div>-->
				<div class="page__bd">
					<div class="details-title">
						<div class="">
							应缴：800元
						</div>
						<div class="size8">
							青年公寓 A104 梁福顺
						</div>
					</div>

					<div class="detail-small-item border-b">
						<span>
							 到期日
						</span>
						<span>
							 2018-1-2
						</span>
					</div>
					<div class="detail-small-item">
						<span>
							  账单周期
						</span>
						<span>
							 2018-1-2至2018-2-2
						</span>
					</div>
					<div class="line-view">
					</div>
					<div class="bg-w">
						<div class="fee-view-title border-b">
							费用明细
						</div>
						<div class="fee-view-item border-b">
							<span>
							 租金
						</span>
							<span>
							 ￥600
						</span>
						</div>
						<div class="fee-view-item border-b">
							<div class="fee-view-item-c">
								<div>
									<span>
							 水费
						</span>
									<span class="size8 color-g">
							 (5元/吨)
						</span>
								</div>
								<span class="size8 color-g">
								0~0 实际用量 0
							</span>
							</div>
							<span>
							￥10
						</span>
						</div>
					</div>

					<div class="line-view"></div>
					<div class="fee-view-title border-b weui-cell weui-cell_access">
						<span>缴费方式</span>
						<div class="color-g">微信支付二维码</div>
					</div>
					<div class="pay-type-content">
						<img class="img-sk" src="img/IMG_0854.JPG" />

					</div>
					<div class="bz-div color-r">注：识别二维码付款的住户一定要添加备注填写房号!</div>
				</div>
				<div class="page__ft">
					<a href="javascript:home()"><img src="./images/icon_footer_link.png" /></a>
				</div>
			</div>
			<script type="text/javascript">
				//				
//				console.log(getParam("test"))
				console.log("测试测试测试测试测试测试测试");
			</script>

		</script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
		<script src="js/zepto.min.js"></script>
		<script src="js/example.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</body>

</html>